<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../mofumui/mofumui.js" ></script>
	</head>
	<body>
		<script type="text/javascript">
			//设置JS路由
			mofum.setPrefix("../../");
			mofum.imports(["MFrame","MPWindow","MWMove","MThemes"],function(MFrame,MPWindow,MWMove,MThemes){
				
				//创建框架
				var frame = new MFrame().setPositionSize();
				
				//创建窗口面板
				var panel = new MPWindow().setFullToParent();
				
				//创建一个可移动包装器
				var move = new MWMove().setSize(400,300);
				
				//将面板放到移动包装器中
				move.append(panel);
				
				var theme = MThemes.THEME_FLATTEN_00008;
				
				//设置标题栏高度
				panel.setHeaderHeight(32);
				
				//获得面板设置背景未白色
				panel.getHeader().setBackground("#fff");
				
				//获得面板设置背景未白色
				panel.getContent().setBackground(theme.getColor(0));
				
//				panel.getBorder().getCenter().setSize(400,236);
				
				//获得面板设置背景未白色
				panel.getFooter().setBackground("#fff");
				
				//设置底部高度
				panel.setFooterHeight(32);
				
				//基于主界面宽度居中（还在标准化中）
				move.frameCenter(frame);
				
				//设置文本
				frame.getContent().append(move);
				
				
				console.log(theme.getColor(4))
				//设置背景图片
				frame.setBackground(theme.getColor(4));
				
				
			});
			
		</script>
	</body>
</html>
